<template>
  <!-- 这是一个非常重要的组件，用于组件挂载和生成菜单并与组件进行匹配，一般情况下建议仅由管理甚至开发人员控制 -->
  <div id="sub_admin_back">
    <div id="sub_content">
      <el-row :gutter="10" style="margin-top:70px">
        <el-col :span="12">
          <Routeadmin></Routeadmin>
        </el-col>
        <el-col :span="12">
          <Menuadmin></Menuadmin>
        </el-col>
      </el-row>
    </div>
  </div>
</template>
<script>
import Routeadmin from './admin_sub/RouteAdmin.vue'
import Menuadmin from './admin_sub/MenuAdmin.vue'
export default {
  components: {
    Routeadmin, //组件挂载管理
    Menuadmin //菜单生成、管理与匹配
  },
  data() {
    return {
      activeName: sessionStorage.getItem("tabs_name") //获取切换tabsname
    };
  },
  methods: {
  }
};
</script>
<style scoped>
#sub_admin_back {
  width: 100%;
  /* 非ui框架将height写为height: 100vh; */
  height: 100%;
  background-size: cover;
  position: relative;
  background-color: #ffffff;
  border-radius: 10px;
}
#sub_content {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 400px;
  height: 350px;
  background: rgba(97, 35, 35, 0);
}
</style>